@function px2em($px, $base-font-size: 16px) {
    @if (unitless($px)) {
        @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
        @return px2em($px + 0px); // That may fail.
    }

    @else if (unit($px)==em) {
        @return $px;
    }

    @return ($px / $base-font-size) * 1em;
}

body {}

@media screen and (min-width:750px) {
    html {
        //font-size: 75px !important;
    }
}


@font-face {
    font-family: 'SourceHanSansCN-Bold';
    // src: url("./fonts/SourceHanSansCNBold.ttf");
    src: url("./fonts/SourceHanSerifCN-Bold.otf");
}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url("./fonts/SourceHanSansCNRegular.ttf");
}

.container {
    color: #595757;

    font-family: 'SourceHanSansCN-Regular';
    min-width: 320px;
    // max-width: 750px;
    margin: 0 auto;
    width: 750px;

    .banner,
    .footer {
        width: 100%;
        font-size: 0px;

        img {
            width: 100%;
        }
    }

    .main-box {
        padding: 80px 40px 0px 40px;
        background-image: url(../images/bg_02.jpg);
        background-size: contain;
        background-repeat: repeat-y;

    }

    .table-box {


        .table-item {
            display: flex;
            width: 100%;
            border-top: 1px solid #bfc1c3;
            padding: 15px 40px;
            box-sizing: border-box;
            align-items: center;

            .title-box {
                width: 147px;
                flex-shrink: 0;

                .item-title {
                    font-size: 22px;
                    // font-weight: bold;
                    font-family: 'SourceHanSansCN-Bold';
                }

                .item-title-en {
                    font-size: 16px;
                }
            }

            .word-box {
                font-size: 18px;
                width: 100%;
                text-align: left;
                padding: 0px 20px;
            }
        }

        table {
            width: 100%;
            margin-top: 60px;
            font-size: 22px;
            border-top: 1px solid #bfc1c3;
            border-bottom: 0.5px solid #bfc1c3;


            border-spacing: 0;

            border-collapse: collapse;


            .title {
                width: 114px;
                text-align: center;
                font-family: 'SourceHanSansCN-Bold';

                &.border-right {
                    border-right: 1px solid #bfc1c3;
                }
            }

            thead {
                border-bottom: 0.5px solid #bfc1c3;

                tr {



                    th {
                        font-weight: normal;
                        text-align: center;
                        padding: 10px 0px;
                        font-family: 'SourceHanSansCN-Bold';
                    }
                }
            }

            tbody {
                tr {
                    // border-top: 1px solid #bfc1c3;

                    td {



                        &.des {
                            font-size: 20px;

                            .des-con {
                                display: flex;
                                width: 100%;
                                justify-content: center;
                                align-items: center;
                                padding: 80px 0px;
                            }
                        }
                    }
                }
            }
        }

    }

    .box-list {
        .title {
            color: #1d50a2;
            position: relative;
            text-align: center;
            margin-top: 70px;
            display: flex;
            align-items: center;

            .line {

                height: 1px;
                background: #1d50a2;
                width: 100%;
            }

            .title-box {
                position: relative;
                z-index: 1;
                display: inline-block;
                padding: 5px 20px;
                // flex-direction: column;
                margin: 0 auto;
                flex-shrink: 0;
                // background: #ffffff;

                .title-box-cn {
                    font-size: 34px;
                    font-family: 'SourceHanSansCN-Bold';
                }

                .title-box-en {
                    font-size: 26px;
                }
            }
        }

        .agreement-con {
            margin-top: 60px;

            ul {
                li {
                    display: flex;
                    font-size: 16px;
                    line-height: 26px;
                }
            }
        }

        .interests-con {
            margin-top: 30px;

            table {
                font-size: 22px;
                width: 100%;

                tr {
                    border-bottom: 1px solid #bfc1c3;

                    td {
                        padding: 10px 0px;

                        &.td-title {

                            vertical-align: top;
                            text-align: justify;
                            text-justify: distribute-all-lines; // 这行必加，兼容ie浏览器
                            text-align-last: justify;
                            font-family: 'SourceHanSansCN-Bold';

                            .word {
                                display: flex;

                                span {

                                    width: 100px;
                                }
                            }
                        }

                        &.td-con {
                            padding: 0px 20px;
                        }

                        .des-con {
                            display: flex;
                            width: 100%;
                            justify-content: flex-start;
                            align-items: center;
                            font-size: 20px;
                            padding: 60px 0px;
                        }

                        .person {
                            display: flex;

                            .name {
                                width: 110px;
                            }
                        }
                    }
                }
            }
        }
    }

    .tips {
        padding: 20px 0px 22px 0px;
        font-size: 22px;
        line-height: 35px;

        .tips-title {
            font-family: 'SourceHanSansCN-Bold';
        }

        .tips-mobile {
            font-family: 'SourceHanSansCN-Bold';
        }
    }


}
